<!--
 * @Author: g05047
 * @Date: 2021-08-09 13:38:19
 * @LastEditors: g05047
 * @LastEditTime: 2021-09-08 11:08:16
 * @Description: file content
-->
<template>
  <div class="tablePage">
    <el-row class="select" type="flex" :gutter="20">
      <slot name="select"></slot>
    </el-row>
    <div class="table">
      <el-table :data="tableData" style="width: 100% ;margin-top:20px" border>
        <el-table-column
          v-for="(item, index) in columns"
          :key="index"
          :prop="item.prop"
          :label="item.label"
          :width="item.width ? item.width : ''"
          :align="item.align ? item.align : ''"
        >
         <!-- <template slot-scope="scope"> -->
          <slot :name="item.prop" :scope="tableData[index]"/>
         <!-- </template> -->
        </el-table-column>
      </el-table>
    </div>
    <div>
      <!-- <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="getListParams.page"
        @pagination="getList"
      /> -->
    </div>
  </div>
</template>

<script>
// import pagination from '../pagination/pagination.vue';
export default {
  // components: { pagination },
  props: {
    columns: {
      required: true,
      type: Array,
      default: () => [],
    },
    
    tableData: {
      type: Array,
      default: () => [],
    },
    // tableConfig: {
    //   type: Array,
    //   default: () => [],
    // },
    // api: {
    //   required: true,
    //   type: Function,
    //   default: () =>
    //     Promise.resolve({
    //       list: [],
    //     }),
    // },
  },
  data() {
    return {
      // tableData: [
      //   {
      //     date: '2016-05-02',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1518 弄',
      //   },
      //   {
      //     date: '2016-05-04',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1517 弄',
      //   },
      //   {
      //     date: '2016-05-01',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1519 弄',
      //   },
      //   {
      //     date: '2016-05-03',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1516 弄',
      //   },
      // ],
    };
  },
  computed: {},
  created() {},
  mounted() {
    // this.getList()
  },
  methods: {
    // getList(params) {
    //   this.api({ ...params }).then(res => {
    //     let { list } = res;
    //     this.tableData = list;
    //   });
    // },
  },
};
</script>

<style scoped lang="scss">
.tablePage {
  padding: 30px;
  padding-bottom: 0;
  .select {
    padding-left: 10px;
  }
}
</style>
